<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  /*滚动条整体样式*/
	::-webkit-scrollbar {
		width: 4px !important;
		/*高宽分别对应横竖滚动条的尺寸*/
		height: 4px !important;
	}

	/*滚动条里面小方块*/
	::-webkit-scrollbar-thumb {
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #1c5389;
	}

	/*滚动条里面轨道*/
	::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 0;
		background: #393D49;
	}
</style>
<body>
  
</body>
</html>